{{ define "itying/user/order_info.html" }}

{{ template "itying/public/page_header.html" .}}

{{ template "itying/public/middle_nav.html" .}}

<!-- end banner_x -->
<link rel="stylesheet" href="/static/itying/css/order.css" />
<!-- self_info -->
<div class="grzxbj">
	<div class="selfinfo center">
		<div class="lfnav fl">
            <div class="ddzx">用户中心</div>
            <div class="subddzx">
				{{ template "itying/user/user_left.html" .}}
            </div>

        </div>
		<div class="rtcont fr">
			<h1>订单详情</h1>
			<div class="uc-content-box">
				<div class="uc-box uc-main-box">
					<div class="uc-content-box order-view-box">
						<div class="box-hd">
							<div class="more clearfix">
								<h2 class="subtitle">订单号：{{.order.OrderId}}
									<span class="tag tag-subsidy"></span>
								</h2>
								<div class="actions">
									<a title="申请售后" href="http://service.order.mi.com/apply/order/id/1160529723001145" class="btn btn-small btn-line-gray" data-stat-id="12e905752ea93db8" onclick="_msq.push(['trackEvent', '4a854694de3347de-12e905752ea93db8', 'http://service.order.mi.com/apply/order/id/1160529723001145', 'pcpid', '']);">申请售后</a>
								</div>
							</div>
						</div>
						<div class="box-bd">
							<div class="uc-order-item uc-order-item-finish">
								<div class="order-detail">
									<div class="order-summary">

										<div class="order-status">
											{{if eq .order.OrderStatus 0}}
											已下单 未支付
											{{else if eq .order.OrderStatus 1}}
											已付款
											{{else if eq .order.OrderStatus 2}}
											已配货
											{{else if eq .order.OrderStatus 3}}
											已发货
											{{else if eq .order.OrderStatus 4}}
											交易成功
											{{else if eq .order.OrderStatus 5}}
											已退货
											{{else if eq .order.OrderStatus 6}}
											无效 已取消
											{{end}}
										</div>

										<div class="order-progress">
											<ol class="progress-list clearfix progress-list-5">
												<li class="step step-first {{if ge .order.OrderStatus 0}}step-done{{end}}">
													<div class="progress"><span class="text">下单</span></div>
													<div class="info">2022年01月29日 18:45</div>
												</li>
												<li class="step {{if ge .order.OrderStatus 1}}step-done{{end}}">
													<div class="progress"><span class="text">付款</span></div>
													<div class="info">2022年01月29日 18:49</div>
												</li>
												<li class="step {{if ge .order.OrderStatus 2}}step-done{{end}}">
													<div class="progress"><span class="text">已配货</span></div>
													<div class="info">2022年01月29日 18:59</div>
												</li>
												<li class="step {{if ge .order.OrderStatus 3}}step-done{{end}}">
													<div class="progress"><span class="text">已发货</span></div>
													<div class="info">2022年01月30日 17:50</div>
												</li>
												{{if eq .order.OrderStatus 4}}
												<li class="step {{if eq .order.OrderStatus 4}}step-done{{end}} step-active step-last">
													<div class="progress"><span class="text">交易成功</span></div>
													<div class="info">2022年02月04日 13:58</div>
												</li>
												{{else if eq .order.OrderStatus 5}}
												<li class="step {{if eq .order.OrderStatus 5}}step-done{{end}} step-active step-last">
													<div class="progress"><span class="text">已退货</span></div>
													<div class="info">2022年02月04日 13:58</div>
												</li>
												{{else if eq .order.OrderStatus 6}}
												<li class="step {{if eq .order.OrderStatus 6}}step-done{{end}} step-active step-last">
													<div class="progress"><span class="text">已取消</span></div>
													<div class="info">2022年02月04日 13:58</div>
												</li>
												{{else}}
												<li class="step  step-active step-last">
													<div class="progress"><span class="text">交易中</span></div>
													<div class="info"></div>
												</li>
												{{end}}
											</ol>
										</div>

										<div class="order-delivery order-delivery-detail" style="display:block;border:none;">
											<p class="delivery-num">
												物流公司：
												<a href="http://www.sf-express.com" target="_blank" data-stat-id="d4af14ade0c175da" >顺丰(北京) </a>

												运单号：199384067236
											</p>

										</div>
									</div>

									<table class="order-items-table">
										<tbody>
											{{range $k,$v := .order.OrderItem}}
											<tr>
												<td class="col col-thumb">
													<div class="figure figure-thumb">
														<img src="/{{$v.ProductImg}}" width="60px" />
													</div>
												</td>
												<td class="col col-name">
													<p class="name">
														<a href="#">{{$v.ProductTitle}}</a>												

													</p>
												</td>
												<td class="col col-price">
													<p class="price">{{$v.ProductPrice}}元 × {{$v.ProductNum}}</p>
												</td>
												<td class="col col-actions">

												</td>
											</tr>
											{{end}}
										</tbody>
									</table>
								</div>

								<!-- 订金盲约订单 -->

								<div id="editAddr" class="order-detail-info">

									<h3>收货信息</h3>
									<table class="info-table">
										<tbody>
											<tr>
												<th>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</th>
												<td>{{.order.Name}}</td>
											</tr>
											<tr>
												<th>联系电话：</th>
												<td>{{.order.Phone}}</td>
											</tr>
											<tr>
												<th>收货地址：</th>
												<td>{{.order.Address}}</td>
											</tr>
										</tbody>
									</table>
									<div class="actions">
									</div>

								</div>

								<div id="editTime" class="order-detail-info">
									<h3>支付方式</h3>
									<table class="info-table">
										<tbody>
											<tr>
												<th>支付方式：</th>
												<td>在线支付</td>
											</tr>

										</tbody>
									</table>
									<div class="actions">
									</div>
								</div>
								<div class="order-detail-info">
									<h3>发票信息</h3>
									<table class="info-table">
										<tbody>
											<tr>
												<th>发票类型：</th>
												<td>电子发票</td>
											</tr>
											<tr>
												<th>发票内容：</th>
												<td>购买商品明细</td>
											</tr>
											<tr>
												<th>发票抬头：</th>
												<td>个人</td>
											</tr>
										</tbody>

									</table>
								
								</div>

								<div class="order-detail-total">
									<table class="total-table">

										<tbody>
											<tr>
												<th>商品总价：</th>
												<td><span class="num">{{.order.AllPrice}}</span>元</td>
											</tr>
											
											<tr>
												<th class="total">实付金额：</th>
												<td class="total"><span class="num">{{.order.AllPrice}}</span>元</td>
											</tr>

										</tbody>
									</table>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- self_info -->

<footer class="mt20 center">
	<div class="mt20">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
	<div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
	<div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
</footer>
</body>

</html>

{{end}}